<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="./js/jquery.min.js"></script>
    <link rel="stylesheet" href="./css/bootstrap.css">
    <title>上传轮播图</title>
    <style type="text/css">
    body{
        background-color:#ebfbee;
    }
    .up{
        background-color:#d3f9d8;
    }
    .upl{
        background-color: #b2f2bb;
    }
    </style>
</head>

<body>
    <div class="container">
    <form action="#" method="POST" >
        <fieldset class="up">
            <legend>
                <h3>上传轮播图信息 </h3>
            </legend>
            图片编号：
            <input id="cid" name="cid" value="" type="text" class="form-control"><br>
            图片路径：
            <input id="img" name="img" value="" type="text" class="form-control"><br>
            图片标题：
            <input id="title" name="title" value="" type="text" class="form-control"><br>
            图片引用：
            <input id="href" name="href" value="" type="text" class="form-control"><br>
            <input class="btn btn-primary" type="button" value="上传" onclick="uploadimg()"><br>
            <h3>提示信息</h3>
            <h3 id="msg" style="color: red;"></h3>
        </fieldset>

    </form>
    <hr>
    <div align="center">
    <table width="100%" border="2px" bordercolor="#bfbfbf" cellpadding="5px" cellspacing="0">
        <thead align="center">
            <tr   bgcolor="#f0f5ff">
                <td >图片编号</td>
                <td>图片路径</td>
                <td>图片标题</td>
                <td>图片引用</td>
                <td colspan="3">操作</td>
            </tr>
        </thead>
        <tbody id="maps" align="center"></tbody>
    </table>
    <input class="btn btn-primary" type="button" value="查看图片信息" onclick="showimg()">
    </div>
    <hr>
    <div id="upda"></div>
    <hr>
    <div id="upbanner"></div>
    </div>
    <script src="./js/carouseMaps.js">
        
    </script>
</body>

</html>